<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>新增博客</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simplemde@latest/dist/simplemde.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">
  <link rel="stylesheet" href="css/add_blog.css">
</head>
<body>
<div class="container">
  <form id="blogForm" enctype="multipart/form-data">
    <div class="form-group">
      <input type="text" id="title" name="title" placeholder="在这里写下第一篇博客" required>
    </div>
    <div class="form-group">
      <select id="label" name="label" multiple="multiple" style="width: 100%;" required>
        <option value="SpringBoot">SpringBoot</option>
        <option value="Typecho">Typecho</option>
        <option value="Java">Java</option>
        <option value="前端">前端</option>
        <option value="后端">后端</option>
        <option value="服务器">服务器</option>
      </select>
    </div>
    <div class="form-group">
      <label for="coverurl" class="file-label">选择封面图片</label>
      <input type="file" id="coverurl" name="coverurl" class="file-input">
      <span id="file-chosen">未选择文件</span>
    </div>
    <div class="form-group">
      <textarea id="content" name="content"></textarea>
    </div>
    <button type="submit">提交</button>
  </form>
</div>
<script src="https://cdn.jsdelivr.net/npm/simplemde@latest/dist/simplemde.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="js/add_blog.js"></script>
</body>
</html>











